<template>
  <div>
    <h1>sonA</h1>
    <sun-a></sun-a>
  </div>
</template>

<script>
import SunA from "./SunA.vue";
export default {
  components: { SunA },
  mounted() {
    console.log(this.$parent.info);
    // 父传子  $parent的值为对象
    console.log(this.$attrs);
    console.log(this.$attrs.text);
    console.log(this.$root);
    console.log(this.$listeners);
  },
  props: ["text"],
  data() {
    return {
      msg: "大伙还穿着秋裤吗？",
    };
  },

  /* 
  组件传值的方案：
  props 父传子
  $emit自定义事件 子传父
  $eventBus 任意组件
  pubsub-js库 任意组件传值
  ref 子传父
  $children 子传父
  $parent  父传子
  $attrs  父传子($attrs作为子组件标签上的属性传递过来的，props不接收的可以使用$attrs操作，如果props接收，$attrs上无，class style接收不到)
  $listeners 可以收集父组件当中子组件标签上传递的事件
  $root 父级传子级
  provide inject(父级传递给子级)
  slot插槽  有的情况下父传子 有的情况子传父
  vuex(vuex任意组件传值)

  父传子：props  $parent  $attrs $listeners 无名插槽 具名插槽
  子传父：$emit ref  $children  作用域插槽
  任意组件传值有哪些： pubsub-js vuex
  兄弟组件传值：$eventBus
  父级传递给子级：$root provide inject






  
  
  
  */
};
</script>

<style lang="scss" scoped>
</style>